const tableData = [
  {
    name: "前端",
    icon: "el-icon-monitor",
    children: [
      {
        name: "Iconfont",
        desc: "阿里妈妈MUX倾力打造的矢量图标管理、交流平台",
        image: "www.iconfont.cn.ico",
        website: "https://www.iconfont.cn/",
      },

      {
        name: "Easyicon",
        desc: "ICON(SVG/PNG/ICO/ICNS)图标搜索下载",
        image: "www.easyicon.net.png",
        website: "http://www.easyicon.net/",
      },

      {
        name: "Element",
        desc: "一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库",
        image: "element.eleme.cn.png",
        website: "https://element.eleme.cn/#/zh-CN",
      },

      {
        name: "Vant",
        desc: "轻量、可靠的移动端 Vue 组件库",
        image: "vant.youzan.github.io.png",
        website: "https://youzan.github.io/vant/#/zh-CN/",
      },

      {
        name: "Vue.js",
        desc: "渐进式JavaScript 框架",
        image: "cn.vuejs.org.png",
        website: "https://cn.vuejs.org/",
      },

      {
        name: "iView",
        desc: "一套基于 Vue.js 的高质量UI 组件库",
        image: "www.iviewui.com.ico",
        website: "https://www.iviewui.com/",
      },
      {
        name: "Ant Design of Vue",
        desc: "Ant Design 的 Vue 实现，开发和服务于企业级后台产品",
        image: "www.antdv.com.ico",
        website: "https://www.antdv.com/",
      },
      {
        name: "FlatUIColors",
        desc: "280 handpicked colors",
        image: "flatuicolors.com.ico",
        website: "https://flatuicolors.com/",
      },
      {
        name: "中国色",
        desc: "提供各种中国的传统颜色的名称",
        image: "zhongguose.com.ico",
        website: "http://zhongguose.com/",
      },
      {
        name: "Font Awesome",
        desc:
          "提供可缩放矢量图标,它可以被定制大小、颜色、阴影以及任何可以用CSS的样式",
        image: "www.fontawesome.com.cn.png",
        website: "http://www.fontawesome.com.cn/",
      },
      {
        name: "jQuery插件库",
        desc: "jQuery插件下载",
        image: "www.jq22.com.ico",
        website: "http://www.jq22.com/",
      },
      {
        name: "爱给网",
        desc: "免费提供免费的音效配乐|3D模型|视频|游戏素材资源下载",
        image: "www.aigei.com.ico",
        website: "http://www.aigei.com/",
      },
      {
        name: "codepen",
        desc: "The best place to build, test, and discover front-end code.",
        image: "codepen.io.ico",
        website: "https://codepen.io/",
      },
      {
        name: "uni-app",
        desc: "使用 Vue.js 开发所有前端应用的框架",
        image: "uniapp.dcloud.io.png",
        website: "https://uniapp.dcloud.io/",
      },
      {
        name: "webpack",
        desc: "打包所有的资源",
        image: "webpack.js.org.ico",
        website: "https://webpack.js.org/",
      },
    ],
  },

  {
    name: "工具",
    icon: "el-icon-suitcase",
    children: [
      {
        name: "JSON",
        desc: "JSON在线解析及格式化验证",
        image: "www.json.cn.png",
        website: "https://www.json.cn/",
      },
      {
        name: "Github",
        desc: "面向开源及私有软件项目的托管平台",
        image: "github.com.png",
        website: "https://github.com/",
      },

      {
        name: "Shields.io",
        desc: "Github 上各式各样的小徽章",
        image: "shields.io.png",
        website: "https://shields.io/",
      },

      {
        name: "BootCDN",
        desc: "稳定、快速、免费的前端开源项目 CDN 加速服务",
        image: "www.bootcdn.cn.png",
        website: "https://www.bootcdn.cn/",
      },

      {
        name: "Xclient",
        desc: "精品MAC应用软件分享",
        image: "xclient.info.ico",
        website: "https://xclient.info/",
      },
      {
        name: "哔哩哔哩",
        desc: "国内知名的视频弹幕网站",
        image: "www.bilibili.com.ico",
        website: "https://www.bilibili.com/",
      },

      {
        name: "mpv",
        desc: "a free, open source, and cross-platform media player",
        image: "mpv.io.png",
        website: "https://mpv.io/",
      },

      {
        name: "Typora",
        desc: "一款轻便简洁的Markdown编辑器,支持即时渲染",
        image: "www.typora.io.png",
        website: "https://www.typora.io/",
      },

      {
        name: "草料二维码",
        desc: "二维码生成器",
        image: "cli.im.ico",
        website: "https://cli.im/",
      },

      {
        name: "Point ML",
        desc: "Register your FREE .ML Domain Name",
        image: "www.point.ml.ico",
        website: "http://www.point.ml/",
      },
      {
        name: "TUNA",
        desc: "清华大学开源软件镜像站",
        image: "mirrors.tuna.tsinghua.edu.cn.png",
        website: "https://mirrors.tuna.tsinghua.edu.cn/",
      },

      {
        name: "Cloudflare",
        desc: "免费CDN网站加速服务",
        image: "dash.cloudflare.com.ico",
        website: "https://dash.cloudflare.com/",
      },

      {
        name: "Heroku",
        desc: "Cloud Application Platform",
        image: "www.heroku.com.ico",
        website: "https://www.heroku.com/",
      },

      {
        name: "Foxmail",
        desc: "邮箱客户端软件",
        image: "www.foxmail.com.ico",
        website: "https://www.foxmail.com/",
      },

      {
        name: "Snip",
        desc: " 简单高效的截图工具",
        image: "snip.qq.com.png",
        website: "https://snip.qq.com/",
      },
      {
        name: "VSCode",
        desc: "免费开源的编辑器",
        image: "code.visualstudio.com.ico",
        website: "https://code.visualstudio.com/",
      },
      {
        name: "ShadowsocksX-NG",
        desc:
          "A secure socks5 proxy, designed to protect your Internet traffic.",
        image: "shadowsocks.org.png",
        website: "https://github.com/shadowsocks/ShadowsocksX-NG",
      },
      {
        name: "tinypng",
        desc: "Smart PNG and JPEG compression",
        image: "tinypng.com.ico",
        website: "https://tinypng.com/",
      },

      {
        name: "freemusicarchive",
        desc: "Free Music Archive",
        image: "freemusicarchive.org.png",
        website: "https://freemusicarchive.org",
      },
    ],
  },
  {
    name: "Node.js",
    icon: "el-icon-trophy",
    children: [
      {
        name: "Node.js",
        desc: "一个基于 Chrome V8 引擎 的 JavaScript 运行时",
        image: "nodejs.org.png",
        website: "https://nodejs.org/zh-cn/",
      },
      {
        name: "NPM",
        desc: " Node package manager",
        image: "www.npmjs.com.png",
        website: "https://www.npmjs.com/",
      },
      {
        name: "AdonisJs",
        desc: "一个语法清新和优雅的Node.js Web框架",
        image: "adonisjs.com.cn.png",
        website: "https://adonisjs.com.cn/",
      },
      {
        name: "Nuxt.js",
        desc: "一个基于 Vue.js 的服务端渲染应用框架",
        image: "zh.nuxtjs.org.ico",
        website: "https://zh.nuxtjs.org/",
      },
      {
        name: "Hexo",
        desc: "快速、简洁且高效的博客框架",
        image: "hexo.io.png",
        website: "https://hexo.io/zh-cn/",
      },
      {
        name: "vue-element-admin",
        desc: "基于 vue 和 element-ui实现的后台前端解决方案",
        image: "",
        website: "https://github.com/PanJiaChen/vue-element-admin",
      },
    ],
  },
  {
    name: "Python",
    icon: "el-icon-trophy",
    children: [
      {
        name: "Python",
        desc: "一种跨平台、面向对象的动态类型语言",
        image: "www.python.org.png",
        website: "https://www.python.org/",
      },
      {
        name: "Masonite",
        desc: "现代的、以开发人员为中心的Python Web框架",
        image: "docs.masoniteproject.com.png",
        website: "https://docs.masoniteproject.com/",
      },

      {
        name: "Matplotlib",
        desc: "Python 的绘图库",
        image: "matplotlib.org.ico",
        website: "https://matplotlib.org/",
      },
      {
        name: "Jinja",
        desc: "modern and designer-friendly templating language for Python",
        image: "jinja.palletsprojects.com.png",
        website: "https://jinja.palletsprojects.com/",
      },
      {
        name: "Django",
        desc:
          "Django makes it easier to build better Web apps more quickly and with less code.",
        image: "www.djangoproject.com.ico",
        website: "https://www.djangoproject.com/",
      },
      {
        name: "Flask",
        desc: "一个用Python编写的Web应用程序框架",
        image: "flask.palletsprojects.com.png",
        website: "https://flask.palletsprojects.com/",
      },

      {
        name: "Scrapy",
        desc:
          "An open source and collaborative framework for extracting the data you need from websites. In a fast, simple, yet extensible way.",
        image: "scrapy.org.png",
        website: "https://scrapy.org/",
      },
      {
        name: "lxml",
        desc:
          "the most feature-rich and easy-to-use library for processing XML and HTML in the Python language",
        image: "lxml.de.ico",
        website: "https://lxml.de/",
      },

      {
        name: "jieba",
        desc: "“结巴”中文分词：做最好的 Python 中文分词组件",
        image: "github.com.fxsjy.jieba.png",
        website: "https://github.com/fxsjy/jieba",
      },
    ],
  },

  {
    name: "Java",
    icon: "el-icon-trophy",
    children: [
      {
        name: "Java",
        desc: "一项用于开发应用程序的技术",
        image: "www.java.com.png",
        website: "https://www.java.com/zh_CN/",
      },
      {
        name: "WebMagic",
        desc: "一个简单灵活的Java爬虫框架",
        image: "webmagic.io.ico",
        website: "http://webmagic.io/",
      },
    ],
  },
  {
    name: "PHP",
    icon: "el-icon-trophy",
    children: [
      {
        name: "PHP",
        desc: "一种创建动态交互性站点的强有力的服务器端脚本语言",
        image: "www.php.net.png",
        website: "https://www.php.net/",
      },
      {
        name: "Laravel",
        desc: "The PHP Framework for Web Artisans",
        image: "laravel.com.ico",
        website: "https://laravel.com/",
      },
      {
        name: "ThinkPHP",
        desc: "一个为API开发而设计的高性能框架",
        image: "www.thinkphp.cn.png",
        website: "http://www.thinkphp.cn/",
      },
    ],
  },
  {
    name: "阅读",
    icon: "el-icon-document",
    children: [
      {
        name: "知乎",
        desc: "问答社区",
        image: "www.zhihu.com.ico",
        website: "https://www.zhihu.com/",
      },

      {
        name: "掘金",
        desc: "一个帮助开发者成长的社区",
        image: "juejin.im.png",
        website: "https://juejin.im/",
      },
      {
        name: "CSDN",
        desc: "专业IT技术社区",
        image: "www.csdn.net.ico",
        website: "https://www.csdn.net/",
      },
      {
        name: "菜鸟教程",
        desc: "提供编程的基础技术教程",
        image: "www.runoob.com.png",
        website: "https://www.runoob.com/",
      },
      {
        name: "慕课网",
        desc: "IT技能学习平台",
        image: "www.imooc.com.png",
        website: "https://www.imooc.com/",
      },
    ],
  },

  {
    name: "Chrome",
    icon: "el-icon-bangzhu",
    children: [
      {
        name: "CrxDL.COM",
        desc: "下载Chrome扩展插件Crx离线安装包",
        image: "crxdl.com.png",
        website: "https://crxdl.com/",
      },
      {
        name: "Tampermonkey",
        desc: "一款免费的浏览器扩展和最为流行的用户脚本管理器",
        image: "www.tampermonkey.net.png",
        website: "https://www.tampermonkey.net/",
      },
      {
        name: "GreasyFork",
        desc: "一个提供用户脚本的网站",
        image: "greasyfork.org.ico",
        website: "https://greasyfork.org/zh-CN",
      },
      {
        name: "webscraper",
        desc: "Making web data extraction easy and accessible for everyone",
        image: "www.webscraper.io.png",
        website: "https://www.webscraper.io/",
      },
      {
        name: "EditThisCookie",
        desc:
          "A very useful extension, one click to quickly view or remove cookies. ",
        image: "www.editthiscookie.com.png",
        website: "http://www.editthiscookie.com/",
      },
    ],
  },
];
/**
 * 
 * * 1、MDN developer.mozilia.org
2、caniuse.com
3、css-tricks.com
4、codepen.io
5、medium.com
6、hackernoon.com
7、stackoverflow.com
8、freecodecamp.com
9、reactjs.org
10、segmentfault.com
11、juejin.im
12、csdn
 */
